<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="utf-8" />
    <title>百度一下，你就知道</title>
    <link rel="stylesheet" type="text/css" href="css/baidu.css">
    <link rel="Shortcut Icon" href="img/favicon.ico" />
    <script src="js/jquery.min.js"></script>
    <script src="js/myjs.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <nav>
            <a href="http://www.nuomi.com/?cid=002540">糯米</a>
            <a href="http://news.baidu.com">新闻</a>
            <a href="http://www.hao123.com">hao123</a>
            <a href="http://map.baidu.com">地图</a>
            <a href="http://v.baidu.com">视频</a>
            <a href="http://tieba.baidu.com">贴吧</a>
            <a href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
            <a id="set" href="http://www.baidu.com/gaoji/preferences.html">设置</a>
            <a id="more" href="http://www.baidu.com/more/">更多产品</a>
        </nav>
    </header>
    <!-- 头部end -->

    <!-- 内容主体 -->
    <div id="content">
        <img src="img/bd_logo1.png" alt="百度一下，你就知道" />
        <form action="http://www.baidu.com/s" method="get">
            <div class="inputbox">
                <input class="insidebox" />
                <span class="camerabtn"></span>
            </div>
            <button>百度一下</button>
        </form>
    </div>
    <!-- 内容主体end -->

    <!-- 侧边栏 -->
    <div class="sidebar">
        <div class="bar-head">
            <p>更多产品</p>
        </div>
        <a href="http://www.nuomi.com/?cid=002540" class="bar-item">
            <span class="item-1"></span>
            <p>百度糯米</p>
        </a>
        <a href="http://zhidao.baidu.com/" class="bar-item">
            <span class="item-2"></span>
            <p>知道</p>
        </a>
        <a href="http://music.baidu.com" class="bar-item">
            <span class="item-3"></span>
            <p>音乐</p>
        </a>
        <a href="http://image.baidu.com" class="bar-item">
            <span class="item-4"></span>
            <p>图片</p>
        </a>
        <a href="http://wenku.baidu.com/" class="bar-item">
            <span class="item-5"></span>
            <p>文库</p>
        </a>
        <a href="http://top.baidu.com/" class="bar-item">
            <span class="item-6"></span>
            <p>风云榜</p>
        </a>
        <a href="http://e.baidu.com/?refer=888" class="bar-item">
            <span class="item-7"></span>
            <p>百度推广</p>
        </a>
        <a href="https://www.baidu.com/more/" class="all">全部产品>></a>
    </div>
    <!-- 侧边栏end -->

    <!-- 设置栏 -->
    <div class="setbar">
        <a href="#">搜索设置</a>
        <a href="//www.baidu.com/gaoji/advanced.html" target="_blank">高级搜索</a>
        <a href="#">关闭预测</a>
        <a href="#">搜索历史</a>
    </div>
    <!-- 设置栏end -->

    <!-- 底部 -->
    <footer>
        <div id="qrcode">
            <div class="qrcode-item qrcode-item-1">
                <div class="qrcode-img"></div>
                <div class="qrcode-text">
                    <p><b>手机百度</b></p>
                    <p><span>快人一步</span></p>
                </div>
            </div>
            <div class="qrcode-item qrcode-item-2">
                <div class="qrcode-img"></div>
                <div class="qrcode-text">
                    <p><b>百度糯米</b></p>
                    <p><span>一元大餐</span></p>
                </div>
            </div>
        </div>
        <div id="about">
            <p>
                <a href="http://www.baidu.com/cache/sethelp/help.html">把百度设为主页</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="http://home.baidu.com">关于百度</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="http://ir.baidu.com">About  Baidu</a>
            </p>
            <p>
                <span>©2016 Baidu</span>
                <a href="http://www.baidu.com/duty/">使用百度前必读</a>
                <a href="http://jianyi.baidu.com/">意见反馈</a>
                <span>京ICP证030173号 </span>
                <i class="icon icon-1"></i>
            </p>
            <p>
                <i class="icon icon-2"></i>
                <span>京公网安备11000002000001号</span>
            </p>
        </div>
    </footer>
    <!-- 底部end -->
</body>

</html>
